*{
    margin: 0;
    padding: 0;
}
.back img{
    width: 1899px;
    height: 884px;
}
.zh1{
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -847px;
    margin-left: 80px;
}
.zh1 img{
    width: 40px;
    height: 40px;
}
.zh2{
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -847px;
    margin-left: 131px;
}
.zh2 img{
    width: 40px;
    height: 40px;
}
.kuangjia{
    width: 890px;
    height: 600px;
    background-color:rgb(255, 254, 254,.4);
    margin-left: 526px;
    margin-top: -779px;
    position: absolute;
    border: 4px solid rgb(54, 164, 172);
    border-radius: 10px;
    box-shadow: 0 0 15px rgb(240, 217, 158);
}
.tx{
    width: 156px;
    height: 156px;
    background-color: rgb(255, 254, 254,.4);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 89px;
    margin-left: 43px;
}
.tx1 img{
    width: 156px;
    height: 156px;
}
.lyg{
    width:156px;
    height:156px;
    position: absolute;
    border-radius: 10px;
    z-index: 100;
    left:0;
    top:0;
    transform-origin: right bottom;
    transform: rotate(90deg);
    transition: all 1s;
}
.tx:hover .lyg{
    transform: rotate(0deg);
}
.tx2 img{
    width: 156px;
    height: 156px;
}
.xinxi{
    width: 590px;
    height: 542px;
    background-color:rgb(255, 254, 254,.8);
    margin-left: 264px;
    margin-top: -218px;
    position: absolute;
    border:none;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(245, 235, 207);
}
#grxx{
    width: 280px;
    height: 60px;
    background-color: rgb(252, 235, 205,.0);
    border: none;
    margin-left: 148px;
    margin-top:10px ;
    letter-spacing: 8px;
    font-weight: bold;
    font-size: 35px;
    color: rgb(120, 186, 240);
}
#kuang{
    width: 421px;
    height: 442px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 20px;
}
.k{
    font-weight: bold;
}

